<%@ page import="java.util.Map" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    Map<String,String> login = (Map<String, String>) request.getSession().getAttribute("isFrontLogin");
    int loginFlag=0;
    if(login!=null){
        loginFlag=1; //已经登录
    }
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <title>WeIn--尾音科技</title>
    <link rel="shortcut icon" href="backstage/img/logo-title.png">
    <!-- global stylesheets -->
    <!--<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">-->
    <link rel="stylesheet" href="backstage/css/bootstrap.min.css">
    <link rel="stylesheet" href="backstage/css/font-awesome.min.css">
    <link rel="stylesheet" href="backstage/css/font-icon-style.css">
    <link rel="stylesheet" href="backstage/css/style1.min.css">
    <link rel="stylesheet" href="backstage/css/sucaijiayuan.css">
    <link rel="stylesheet" href="backstage/css/style.default.css" id="theme-stylesheet">

    <!-- Core stylesheets -->
    <link rel="stylesheet" href="backstage/css/style.css">
    <link rel="stylesheet" href="backstage/css/main.css">
</head>
<body>


<section>
    <div class="am-g am-g-collapse am-index-video-div" style="height: 854px;">
        <video style="position:fixed" width="100%" poster="img/top.jpg" autoplay="" loop="" class="am-index-video am-show-lg-only" src="img/file.f4v">
        </video>
        <img src="img/top.jpg" style="position:fixed;z-index:-999;" width="100%" class="am-index-img am-show-lg-down">
        <!--header navbar-->
        <header class="header">
            <nav class="navbar navbar-expand-lg" style="background:none;box-shadow: 0 0 0 0;">
                <div class="container">
                    <div class="navbar-holder d-flex align-items-center justify-content-between">
                        <div class="navbar-header">
                            <a href="index.jsp" class="navbar-brand">
                                <div class="brand-text brand-big hidden-lg-down"><img src="backstage/img/logo.png" alt="Logo" class="logo-img"></div>
                                <div class="brand-text brand-small"><img src="backstage/img/logo-min.png" alt="Logo" style="height: 30px;width:30px;margin-left: 5px;"></div>
                            </a>
                        </div>
                    </div>
                    <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                        <li class="nav-item d-flex align-items-center">
                            <a class="nav-link" href="index.jsp">首页</a>
                        </li>
                        <li class="nav-item d-flex align-items-center">
                            <a class="nav-link" href="Courses.jsp">相关课程</a>
                        </li>
                        <li class="nav-item d-flex align-items-center">
                            <a class="nav-link" href="Teachers.jsp">师资力量</a>
                        </li>
                        <li class="nav-item d-flex align-items-center">
                            <a class="nav-link" href="SudentWorks.jsp">学员作品</a>
                        </li>
                        <li class="nav-item d-flex align-items-center" style="margin-right: 70px;">
                            <a class="nav-link" href="Recruit.jsp">人才招聘</a>
                        </li>
                        <%
                            if(loginFlag==0){
                        %>
                                <li class="nav-item d-flex align-items-center">
                                    <a class="nav-link" href="login.html">登录</a>
                                </li>
                                <li class="nav-item d-flex align-items-center">
                                    <a class="nav-link" href="register.html">注册</a>
                                </li>
                        <%
                            }else {
                        %>
                                <li class="nav-item d-flex align-items-center">
                                    <a class="nav-link" href="show.jsp"><%=login.get("name")%></a>
                                </li>
                                <li class="nav-item d-flex align-items-center">
                                    <a class="nav-link" href="/logoutServlet">注销</a>
                                </li>
                        <%
                            }
                        %>
                        <!--<li class="nav-item dropdown"><a id="profile" class="nav-link logout" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle" style="height: 30px; width: 30px;"></a>
                            <ul aria-labelledby="profile" class="dropdown-menu profile">
                                <li>
                                    <a rel="nofollow" href="#" class="dropdown-item d-flex">
                                        <div class="msg-profile"> <img src="backstage/img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle"></div>
                                        <div class="msg-body">
                                            <h3 class="h5">Steena Ben</h3><span>steenaben@Businessbox.com</span>
                                        </div>
                                    </a>
                                    <hr>
                                </li>
                                <li>
                                    <a rel="nofollow" href="profile.html" class="dropdown-item">
                                        <div class="notification">
                                            <div class="notification-content"><i class="fa fa-user "></i>个人信息</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a rel="nofollow" href="profile.html" class="dropdown-item">
                                        <div class="notification">
                                            <div class="notification-content"><i class="fa fa-power-off"></i>退出</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>-->
                    </ul>
                </div>
            </nav>
        </header>
        <div class="am-index-video-text">
            <img class="am-animation-slide-left" src="img/u18.png">
            <img style="width:83%;margin:-6% 0px 0 -11%;" class="am-animation-slide-bottom" src="img/u32.png">
        </div>
    </div>
    <div class="am-g am-g-collapse am-background" style="margin-top:-18%;position:relative;z-index:10">
        <div class="am-u-sm-8 am-u-sm-centered am-scrollspy-init am-scrollspy-inview am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left',repeat:false}">
            <div class="am-u-sm-12 am-u-md-6">
                <img width="100%" src="img/u39.png">
            </div>

            <div class="am-about-php-text am-u-sm-12 am-u-md-6">
                <h1 class="am-margin-0">关于PHP</h1>
                <p class="am-text-sm am-margin-0">PHP主要用于开发网站和互联网软件，它安全、简单易学、免费、跨平台、执行速度快，主要用于网站、API接口、广告系统、服务器端、移动端、游戏端等开发工作，如今，60%的网站都在采用PHP开发，90%以上的Web 2.0应用是采用PHP技术开发完成的。</p>
            </div>
            <div class="am-cf"></div>
        </div>
    </div>
    <div class="am-g" style="position:relative;z-index:12;background:#fff">
        <div class="am-container" style="max-width:1000px;padding-bottom: 40px;">
            <div class="am-u-sm-12 am-u-md-6 am-scrollspy-init am-scrollspy-inview am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left',repeat:false}">
                <h1 class=" am-margin-vertical-0 am-ch1" style="color:#797979;">学习PHP的
                    <span style="font-size：56px;color:#CC0000;">优势</span>
                </h1>
                <p class="am-margin-vertical-0" style="color:#797979;font-size:24px;">时下最火的编程语言</p>
            </div>
            <div class="am-u-sm-12 am-margin-top">
                <ul class="am-avg-sm-1 am-avg-md-3 am-text-center am-center am-hot" style="">
                    <li>
                        <img id="img1" class="changeImg" width="40%" src="img/u70.png">
                        <p class="am-margin-top-sm" style="font-size:20px;font-weight:700">高效编程语言</p>
                        <p class="am-margin-vertical-0" style="font-size:10px;">PHP主要是应用于web开发领域，其执行效率要远高于其他编程语言，并且PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。</p>
                    </li>
                    <li>
                        <img id="img2" class="changeImg" width="40%" src="img/u50.png">
                        <p class="am-margin-top-sm" style="font-size:20px;font-weight:700">兼顾前端后端移动端</p>
                        <p class="am-margin-vertical-0" style="font-size:10px;">PHP不仅可以完成前端页面与后端平台的搭建，并且可以通过混合式开发，完成移动端应用的开发任务，完美适配iOS与Android操作系统，一招在手，全部搞定！</p>
                    </li>
                    <li>
                        <img id="img3" class="changeImg" width="40%" src="img/u60.png">
                        <p class="am-margin-top-sm" style="font-size:20px;font-weight:700">人才缺口大</p>
                        <p class="am-margin-vertical-0" style="font-size:10px;">国内外各大知名企业，如谷歌、facebook、阿里巴巴、百度、新浪等国内外一线互联网企业的网站，均为PHP技术开发的，只因为PHP是做网站首选语言。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<footer class="m-footer" style="z-index:12;position:relative;padding-bottom: 40px;">
    <div class="am-container">
        <section style="padding-bottom:10px;" class="am-g m-footer-container">
            <section class="am-u-sm-12 am-u-md-6 foot-font">
                <img width="100%" src="img/u360.png">
                <p>东莞尾音信息科技有限公司，旗下有尾音教育等品牌，在东莞松山湖设立尾音软件实训基地，由8年以上资深教育经验php讲师牵头，一线开发工程师组成的团队，针对不同学员采取不同的教学方案。全心全意为学员服务，提供最专业的就业培训，专注于为企业输送最专业的人才</p>
                <p style="margin-bottom:0">地址：东莞市松山湖生产力大厦南座313-317</p>
                <p style="margin-top:0">电话：0769 - 26620567 </p>
            </section>
            <section style="height: 350px; background: rgb(252, 249, 242); cursor: url(&quot;http://webapi.amap.com/theme/v1.3/openhand.cur&quot;), default;" id="wein-map" class="am-u-sm-12 am-u-md-6 amap-container">

                <object style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;" type="text/html" data="about:blank"></object><div class="amap-maps"><div class="amap-drags" style=""><div class="amap-layers" style="transform: translateZ(0px);"><div class="amap-markers" style="position: absolute; z-index: 120; top: 175px; left: 300px;"><div class="amap-marker" style="top: -31px; left: -9px; z-index: 100; transform: rotate(0deg); transform-origin: 9px 31px; display: block;"><div class="amap-icon" title="东莞松山湖生产力大厦南区313-317" style="position: absolute; width: 19px; height: 33px; opacity: 1;"><img src="http://webapi.amap.com/theme/v1.3/markers/b/mark_bs.png" style="width: 19px; height: 33px; top: 0px; left: 0px;"></div></div></div><canvas class="amap-labels" draggable="false" width="1200" height="700" style="position: absolute; z-index: 99; height: 350px; width: 600px; top: 0px; left: 0px;"></canvas><canvas class="amap-layer" width="750" height="437" style="position: absolute; z-index: 0; transform-origin: 375px 218.5px; transform: scale3d(0.8, 0.8, 1); top: -44px; left: -75px; height: 437px; width: 750px;"></canvas></div><div class="amap-overlays" style=""></div></div></div><div style="display: none;"></div><div class="amap-controls"></div><a class="amap-logo" href="http://gaode.com" target="_blank" style="display: block;"><img src="http://webapi.amap.com/theme/v1.3/logo@2x.png"></a><div class="amap-copyright" style="display: none; visibility: visible;"><!--v1.4.4--> © 2019 AutoNavi <span class="amap-mcode">- GS(2018)1709号</span></div></section>
            <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&amp;key=369d3223bc0e3feafc9c12c69bbbd5f7"></script>
            <script>
                var map = new AMap.Map('wein-map', {
                    center: [113.887971,22.930962],
                    zoom: 15
                });
                marker = new AMap.Marker({
                    position:[113.887971,22.930962],
                    animation:"AMAP_ANIMATION_DROP",
                    map:map,
                    title:"东莞松山湖生产力大厦南区313-317"
                });
            </script>
        </section>
    </div>

</footer>


</body>
</html>
<!--Global Javascript -->
<script src="backstage/js/jquery.min.js"></script>
<script src="backstage/js/popper/popper.min.js"></script>
<script src="backstage/js/tether.min.js"></script>
<script src="backstage/js/bootstrap.min.js"></script>
<script src="backstage/js/jquery.cookie.js"></script>
<script src="backstage/js/jquery.validate.min.js"></script>
<script src="backstage/js/chart.min.js"></script>
<script src="backstage/js/front.js"></script>
<script>
    function checkHei() {
        var vHeight = $(".am-index-video").innerHeight();
        if(vHeight==0){
            vHeight=$('.am-index-img').innerHeight();
        }
        $(".am-index-video-div").css("height", vHeight);

    }
    $(function () {
        checkHei();
        setTimeout(checkHei, 500);
        window.onresize = function () {
            checkHei();
        }
    })
</script>